<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>

    </head>
    <body>
        <ul>
            <li>li01</li>
            <li>li02</li>
            <li>li03</li>
            <li>li04</li>
            <li>li05</li>
        </ul>
        <script>
            // var lis=document.querySelectorAll("li");
            // for(var i=0;i<lis.length;i++){
            //     lis[i].onclick=function(){
            //         console.log(this.innerHTML);
            //     };
            // }

            var lis=document.querySelectorAll("li");
            //let支持块级作用域
            for(let i=0;i<lis.length;i++){
                lis[i].onclick=function(){
                    console.log(lis[i].innerHTML);
                    console.log(this.innerHTML);
                };
            }
        </script>


    </body>
</html>